<template>
  <div class="department">
    <PageContent 
      :table-config="tableConfig"
      tableName="department" 
      @create-click="handleCreateClick"
      @edite-click="handleEditeClick"
    />
    <PageDialog
      :dialog-config="dialogConfig"
      ref="pageDialogRef"
      :edite-data="editeData"
      tableName="department"
    />
  </div>
</template>

<script setup lang="ts">
import PageContent from '@/components/page-content/PageContent.vue';
import PageDialog from '@/components/page-dialog/PageDialog.vue';
import { tableConfig } from './config/table-config';
import { dialogConfig } from './config/dialog-config';
import useDialog from '@/hooks/useDialog';
const [pageDialogRef,
    editeData,
    handleCreateClick,
    handleEditeClick] = useDialog()
</script>

<style scoped>

</style>